<script setup>

import Aside from "@/components/aside.vue";


</script>

<template>
  <div class="common-layout">
    <el-container>
      <el-aside width="200px">
        <Aside></Aside>
      </el-aside>
      <el-main>
        <router-view v-slot="{ Component }"><!-- 保留组件状态，缓存组件 -->
          <keep-alive>
            <component :is="Component" />
          </keep-alive>
        </router-view>
      </el-main>
      </el-container>


  </div>
</template>

<style scoped>
.common-layout,.el-container {
  width: 100%;
  height: 100%;
}
.el-row,
.el-col
{
  height: 100%;
}
</style>